<template>
  <div class="scroll_box"> 
    <div class="navShow" :animation="animationData">
      <div class="classify">
        <img src="http://file.rzkeji.com/web/loveciy/img/classify/colth.png"/>
        <ul clas="clearfix">
          <li v-for="(value,index) in type" :key="index">{{value}}</li>
        </ul>
      </div>
      <img src="http://file.rzkeji.com/web/loveciy/img/footer.jpg" class="footer"/>
    </div>
  </div>
</template>

<script>
export default {
  props:['animationData','type'],
  data () {
    return {
      
    }
  },
  methods : {
   
  },
  computed:{

  }
}
</script>

<style scoped>
.scroll_box{width: 100%;}
.navShow{width: 100%;height:0px;overflow:hidden;border-bottom:1px solid #d9d9d9;display: flex;flex-direction: column;opacity: 0}
.classify{width: 96%;display: flex;justify-content: row;margin-left: 2%;border-bottom:1px solid #d9d9d9;}
.navShow img{width: 110px;height: 70px;margin:15px 10px;}
.navShow ul{width: 235px;margin-top:10px;padding-bottom: 30px;margin-left: 10px;overflow:hidden;}
.navShow ul li{width: 60px;height: 30px;text-align: center;line-height: 30px;border:1px solid #d9d9d9;float: left;margin-right:10px;margin-top: 5px;border-radius: 5px;font-size: 14px}
.log{width: 100%;height: 30px;text-align: center;line-height: 30px;padding: 20px 0px;}
.navShow img.footer{width: 375px;height: 36px;}
</style>
